---
layout: typedoc
title: 'IDialogProps | @msrvida/sanddance-explorer'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/sanddance-explorer</a>
			</li>
			<li>
				<a href="../modules/controls.html">controls</a>
			</li>
			<li>
				<a href="controls.idialogprops.html">IDialogProps</a>
			</li>
		</ul>
		<h1>Interface IDialogProps</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel tsd-hierarchy">
			<h3>Hierarchy</h3>
			<ul class="tsd-hierarchy">
				<li>
					<span class="tsd-signature-type">IDialogProps</span>
					<ul class="tsd-hierarchy">
						<li>
							<span class="target">IDialogProps</span>
						</li>
					</ul>
				</li>
			</ul>
		</section>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Properties</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#ariadescribedbyid" class="tsd-kind-icon">aria<wbr>Described<wbr>ById</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#arialabelledbyid" class="tsd-kind-icon">aria<wbr>Labelled<wbr>ById</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="controls.idialogprops.html#buttons" class="tsd-kind-icon">buttons</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="controls.idialogprops.html#children" class="tsd-kind-icon">children</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#classname" class="tsd-kind-icon">class<wbr>Name</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#closebuttonarialabel" class="tsd-kind-icon">close<wbr>Button<wbr>Aria<wbr>Label</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#componentref" class="tsd-kind-icon">component<wbr>Ref</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#containerclassname" class="tsd-kind-icon">container<wbr>Class<wbr>Name</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#contentclassname" class="tsd-kind-icon">content<wbr>Class<wbr>Name</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#dialogcontentprops" class="tsd-kind-icon">dialog<wbr>Content<wbr>Props</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#elementtofocusondismiss" class="tsd-kind-icon">element<wbr>ToFocus<wbr>OnDismiss</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#firstfocusableselector" class="tsd-kind-icon">first<wbr>Focusable<wbr>Selector</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#forcefocusinsidetrap" class="tsd-kind-icon">force<wbr>Focus<wbr>Inside<wbr>Trap</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#hidden" class="tsd-kind-icon">hidden</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#ignoreexternalfocusing" class="tsd-kind-icon">ignore<wbr>External<wbr>Focusing</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#isblocking" class="tsd-kind-icon">is<wbr>Blocking</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#isclickableoutsidefocustrap" class="tsd-kind-icon">is<wbr>Clickable<wbr>Outside<wbr>Focus<wbr>Trap</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#isdarkoverlay" class="tsd-kind-icon">is<wbr>Dark<wbr>Overlay</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#isopen" class="tsd-kind-icon">is<wbr>Open</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#key" class="tsd-kind-icon">key</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#maxwidth" class="tsd-kind-icon">max<wbr>Width</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#minwidth" class="tsd-kind-icon">min<wbr>Width</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#modalprops" class="tsd-kind-icon">modal<wbr>Props</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#ondismiss" class="tsd-kind-icon">on<wbr>Dismiss</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#ondismissed" class="tsd-kind-icon">on<wbr>Dismissed</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#onlayerdidmount" class="tsd-kind-icon">on<wbr>Layer<wbr>Did<wbr>Mount</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#onlayermounted" class="tsd-kind-icon">on<wbr>Layer<wbr>Mounted</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#ref" class="tsd-kind-icon">ref</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#responsivemode" class="tsd-kind-icon">responsive<wbr>Mode</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#styles" class="tsd-kind-icon">styles</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#subtext" class="tsd-kind-icon">sub<wbr>Text</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#theme" class="tsd-kind-icon">theme</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="controls.idialogprops.html#title" class="tsd-kind-icon">title</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#topbuttonsprops" class="tsd-kind-icon">top<wbr>Buttons<wbr>Props</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="controls.idialogprops.html#type" class="tsd-kind-icon">type</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Properties</h2>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="ariadescribedbyid" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> aria<wbr>Described<wbr>ById</h3>
				<div class="tsd-signature tsd-kind-icon">aria<wbr>Described<wbr>ById<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.ariaDescribedById</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:131</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional id for aria-DescribedBy</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>modalProps.subtitleAriaId</code> instead.</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="arialabelledbyid" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> aria<wbr>Labelled<wbr>ById</h3>
				<div class="tsd-signature tsd-kind-icon">aria<wbr>Labelled<wbr>ById<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.ariaLabelledById</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:126</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional id for aria-LabelledBy</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>modalProps.titleAriaId</code> instead.</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="buttons" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> buttons</h3>
				<div class="tsd-signature tsd-kind-icon">buttons<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-explorer/src/controls/dialog.tsx#L10">sanddance-explorer/src/controls/dialog.tsx:10</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="children" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> children</h3>
				<div class="tsd-signature tsd-kind-icon">children<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReactNode</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-explorer/src/controls/dialog.tsx#L9">sanddance-explorer/src/controls/dialog.tsx:9</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="classname" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> class<wbr>Name</h3>
				<div class="tsd-signature tsd-kind-icon">class<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.className</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:80</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional class name to be added to the root class</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>modalProps.className</code> instead</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="closebuttonarialabel" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> close<wbr>Button<wbr>Aria<wbr>Label</h3>
				<div class="tsd-signature tsd-kind-icon">close<wbr>Button<wbr>Aria<wbr>Label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.closeButtonAriaLabel</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/common/IAccessiblePopupProps.d.ts:28</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Aria label on close button.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="componentref" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Ref</h3>
				<div class="tsd-signature tsd-kind-icon">component<wbr>Ref<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IRefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">IDialog</span><span class="tsd-signature-symbol">&gt;</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.componentRef</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:25</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional callback to access the IDialog interface. Use this instead of ref for accessing
						the public methods and properties of the component.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Unused, returns no value</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="containerclassname" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> container<wbr>Class<wbr>Name</h3>
				<div class="tsd-signature tsd-kind-icon">container<wbr>Class<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.containerClassName</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:85</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional override for container class</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>modalProps.className</code> instead</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="contentclassname" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> content<wbr>Class<wbr>Name</h3>
				<div class="tsd-signature tsd-kind-icon">content<wbr>Class<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.contentClassName</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:116</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional override content class</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>dialogContentProps</code> instead as <code>className</code>.</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="dialogcontentprops" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> dialog<wbr>Content<wbr>Props</h3>
				<div class="tsd-signature tsd-kind-icon">dialog<wbr>Content<wbr>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IDialogContentProps</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.dialogContentProps</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:37</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Props to be passed through to Dialog Content</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="elementtofocusondismiss" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> element<wbr>ToFocus<wbr>OnDismiss</h3>
				<div class="tsd-signature tsd-kind-icon">element<wbr>ToFocus<wbr>OnDismiss<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.elementToFocusOnDismiss</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/common/IAccessiblePopupProps.d.ts:9</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Sets the element to focus on when exiting the control&#39;s FocusTrapZone.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>defaultvalue</dt>
						<dd><p>The <code>element.target</code> that triggered the control opening.</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="firstfocusableselector" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> first<wbr>Focusable<wbr>Selector</h3>
				<div class="tsd-signature tsd-kind-icon">first<wbr>Focusable<wbr>Selector<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.firstFocusableSelector</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/common/IAccessiblePopupProps.d.ts:24</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Class name (not actual selector) for first focusable item. Do not append a dot.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="forcefocusinsidetrap" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> force<wbr>Focus<wbr>Inside<wbr>Trap</h3>
				<div class="tsd-signature tsd-kind-icon">force<wbr>Focus<wbr>Inside<wbr>Trap<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.forceFocusInsideTrap</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/common/IAccessiblePopupProps.d.ts:20</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Whether control should force focus inside its focus trap zone.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>defaultvalue</dt>
						<dd><p>true</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="hidden" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> hidden</h3>
				<div class="tsd-signature tsd-kind-icon">hidden<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.hidden</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:47</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Whether the dialog is hidden.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>defaultvalue</dt>
						<dd><p>true</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="ignoreexternalfocusing" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> ignore<wbr>External<wbr>Focusing</h3>
				<div class="tsd-signature tsd-kind-icon">ignore<wbr>External<wbr>Focusing<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.ignoreExternalFocusing</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/common/IAccessiblePopupProps.d.ts:15</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>If false (the default), the control&#39;s FocusTrapZone will restore focus to the element which
						activated it once the trap zone is unmounted or disabled. Set to true to disable this behavior.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>defaultvalue</dt>
						<dd><p>false</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="isblocking" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr>Blocking</h3>
				<div class="tsd-signature tsd-kind-icon">is<wbr>Blocking<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.isBlocking</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:75</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Whether the dialog can be light dismissed by clicking outside the dialog (on the overlay).</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>defaultvalue</dt>
						<dd><p>false</p>
						</dd>
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>modalProps</code> instead</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="isclickableoutsidefocustrap" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr>Clickable<wbr>Outside<wbr>Focus<wbr>Trap</h3>
				<div class="tsd-signature tsd-kind-icon">is<wbr>Clickable<wbr>Outside<wbr>Focus<wbr>Trap<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.isClickableOutsideFocusTrap</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/common/IAccessiblePopupProps.d.ts:33</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Whether this control will allow clicks outside its FocusTrapZone.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>defaultvalue</dt>
						<dd><p>false</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="isdarkoverlay" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr>Dark<wbr>Overlay</h3>
				<div class="tsd-signature tsd-kind-icon">is<wbr>Dark<wbr>Overlay<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.isDarkOverlay</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:64</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Whether the overlay is dark themed.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>defaultvalue</dt>
						<dd><p>true</p>
						</dd>
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>modalProps</code> instead</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="isopen" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr>Open</h3>
				<div class="tsd-signature tsd-kind-icon">is<wbr>Open<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.isOpen</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:58</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Whether the dialog is displayed.
						Deprecated, use <code>hidden</code> instead.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>defaultvalue</dt>
						<dd><p>false</p>
						</dd>
						<dt>deprecated</dt>
						<dd><p>Use <code>hidden</code> instead</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="key" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> key</h3>
				<div class="tsd-signature tsd-kind-icon">key<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReactText</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.key</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/@types/react/index.d.ts:139</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="maxwidth" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> max<wbr>Width</h3>
				<div class="tsd-signature tsd-kind-icon">max<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReactText</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.maxWidth</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:141</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Sets the maximum width for the dialog. It limits the width property to be larger
						than the value specified in max-width.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="minwidth" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> min<wbr>Width</h3>
				<div class="tsd-signature tsd-kind-icon">min<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReactText</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.minWidth</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:136</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Sets the minimum width of the dialog. It limits the width property to be not
						smaller than the value specified in min-width.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="modalprops" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> modal<wbr>Props</h3>
				<div class="tsd-signature tsd-kind-icon">modal<wbr>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IModalProps</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.modalProps</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:51</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Props to be passed through to Modal</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="ondismiss" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Dismiss</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Dismiss<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>ev<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLButtonElement</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">any</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.onDismiss</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:42</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>A callback function for when the Dialog is dismissed from the close button or light dismiss.
						Can also be specified separately in content and modal.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>ev<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLButtonElement</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5><span class="tsd-flag ts-flagOptional">Optional</span> ev: <span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLButtonElement</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">&gt;</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="ondismissed" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Dismissed</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Dismissed<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">any</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.onDismissed</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:69</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>A callback function which is called after the Dialog is dismissed and the animation is complete.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>modalProps</code> instead</p>
						</dd>
					</dl>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="onlayerdidmount" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Layer<wbr>Did<wbr>Mount</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Layer<wbr>Did<wbr>Mount<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.onLayerDidMount</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:90</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>A callback function for when the Dialog content is mounted on the overlay layer</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>modalProps.layerProps</code> instead</p>
						</dd>
					</dl>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="onlayermounted" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Layer<wbr>Mounted</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Layer<wbr>Mounted<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.onLayerMounted</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:95</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Deprecated at 0.81.2, use <code>onLayerDidMount</code> instead.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Use <code>onLayerDidMount</code> instead.</p>
						</dd>
					</dl>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="ref" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> ref</h3>
				<div class="tsd-signature tsd-kind-icon">ref<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">LegacyRef</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">DialogBase</span><span class="tsd-signature-symbol">&gt;</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.ref</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/@types/react/index.d.ts:145</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="responsivemode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> responsive<wbr>Mode</h3>
				<div class="tsd-signature tsd-kind-icon">responsive<wbr>Mode<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ResponsiveMode</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.responsiveMode</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/utilities/decorators/withResponsiveMode.d.ts:3</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="styles" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> styles</h3>
				<div class="tsd-signature tsd-kind-icon">styles<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IStyleFunctionOrObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">IDialogStyleProps</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">IDialogStyles</span><span class="tsd-signature-symbol">&gt;</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.styles</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:29</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Call to provide customized styling that will layer on top of the variant rules</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="subtext" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> sub<wbr>Text</h3>
				<div class="tsd-signature tsd-kind-icon">sub<wbr>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.subText</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:111</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>The subtext to display in the dialog.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>dialogContentProps</code> instead.</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="theme" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> theme</h3>
				<div class="tsd-signature tsd-kind-icon">theme<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ITheme</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.theme</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:33</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Theme provided by HOC.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
				<a name="title" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> title</h3>
				<div class="tsd-signature tsd-kind-icon">title<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Overrides FluentUITypes.IDialogProps.title</p>
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-explorer/src/controls/dialog.tsx#L8">sanddance-explorer/src/controls/dialog.tsx:8</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="topbuttonsprops" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> top<wbr>Buttons<wbr>Props</h3>
				<div class="tsd-signature tsd-kind-icon">top<wbr>Buttons<wbr>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IButtonProps</span><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.topButtonsProps</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:121</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Other top buttons that will show up next to the close button</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>dialogContentProps</code> instead.</p>
						</dd>
					</dl>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
				<a name="type" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> type</h3>
				<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DialogType</span></div>
				<aside class="tsd-sources">
					<p>Inherited from FluentUITypes.IDialogProps.type</p>
					<ul>
						<li>Defined in fluentui-react-cdn-typings/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.types.d.ts:101</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>The type of Dialog to display.</p>
					</div>
					<dl class="tsd-comment-tags">
						<dt>defaultvalue</dt>
						<dd><p>DialogType.normal</p>
						</dd>
						<dt>deprecated</dt>
						<dd><p>Pass through via <code>dialogContentProps</code> instead.</p>
						</dd>
					</dl>
				</div>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/sanddance.html">Sand<wbr>Dance</a>
				</li>
				<li class="current tsd-kind-namespace">
					<a href="../modules/controls.html">controls</a>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/util.html">util</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
			</ul>
			<ul class="current">
				<li class="current tsd-kind-interface tsd-parent-kind-namespace">
					<a href="controls.idialogprops.html" class="tsd-kind-icon">IDialog<wbr>Props</a>
					<ul>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#ariadescribedbyid" class="tsd-kind-icon">aria<wbr>Described<wbr>ById</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#arialabelledbyid" class="tsd-kind-icon">aria<wbr>Labelled<wbr>ById</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="controls.idialogprops.html#buttons" class="tsd-kind-icon">buttons</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="controls.idialogprops.html#children" class="tsd-kind-icon">children</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#classname" class="tsd-kind-icon">class<wbr>Name</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#closebuttonarialabel" class="tsd-kind-icon">close<wbr>Button<wbr>Aria<wbr>Label</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#componentref" class="tsd-kind-icon">component<wbr>Ref</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#containerclassname" class="tsd-kind-icon">container<wbr>Class<wbr>Name</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#contentclassname" class="tsd-kind-icon">content<wbr>Class<wbr>Name</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#dialogcontentprops" class="tsd-kind-icon">dialog<wbr>Content<wbr>Props</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#elementtofocusondismiss" class="tsd-kind-icon">element<wbr>ToFocus<wbr>OnDismiss</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#firstfocusableselector" class="tsd-kind-icon">first<wbr>Focusable<wbr>Selector</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#forcefocusinsidetrap" class="tsd-kind-icon">force<wbr>Focus<wbr>Inside<wbr>Trap</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#hidden" class="tsd-kind-icon">hidden</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#ignoreexternalfocusing" class="tsd-kind-icon">ignore<wbr>External<wbr>Focusing</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#isblocking" class="tsd-kind-icon">is<wbr>Blocking</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#isclickableoutsidefocustrap" class="tsd-kind-icon">is<wbr>Clickable<wbr>Outside<wbr>Focus<wbr>Trap</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#isdarkoverlay" class="tsd-kind-icon">is<wbr>Dark<wbr>Overlay</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#isopen" class="tsd-kind-icon">is<wbr>Open</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#key" class="tsd-kind-icon">key</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#maxwidth" class="tsd-kind-icon">max<wbr>Width</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#minwidth" class="tsd-kind-icon">min<wbr>Width</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#modalprops" class="tsd-kind-icon">modal<wbr>Props</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#ondismiss" class="tsd-kind-icon">on<wbr>Dismiss</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#ondismissed" class="tsd-kind-icon">on<wbr>Dismissed</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#onlayerdidmount" class="tsd-kind-icon">on<wbr>Layer<wbr>Did<wbr>Mount</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#onlayermounted" class="tsd-kind-icon">on<wbr>Layer<wbr>Mounted</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#ref" class="tsd-kind-icon">ref</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#responsivemode" class="tsd-kind-icon">responsive<wbr>Mode</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#styles" class="tsd-kind-icon">styles</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#subtext" class="tsd-kind-icon">sub<wbr>Text</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#theme" class="tsd-kind-icon">theme</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
							<a href="controls.idialogprops.html#title" class="tsd-kind-icon">title</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#topbuttonsprops" class="tsd-kind-icon">top<wbr>Buttons<wbr>Props</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
							<a href="controls.idialogprops.html#type" class="tsd-kind-icon">type</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="after-current">
				<li class=" tsd-kind-function tsd-parent-kind-namespace">
					<a href="../modules/controls.html#dialog" class="tsd-kind-icon">Dialog</a>
				</li>
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>